<template>
  <div class="body-nav">
    <div class="admin">
      <div class="nav-1">
        <h3>我的个人信息</h3>
        <div class="nk">
          您好，admin  <br>
          所属角色：超级管理员
        </div>
        <div class="nk">
        上次登录时间：2020-04-05 15:32:25 <br>
        上次登录IP:192.168.1.1
        </div>
      </div>
      <div class=" admin-1 nav-1">
        <h3>安全提示</h3>
        <div class="nk">
         ※强烈建议您网站上线后，建议关闭 DEBUG （前台SQL错误提示）<br>
         ※ 任何修改前请备份程序，并采用专业的编码工具修改。
        </div>
      </div>

    </div>

    <div class="nav-2">
      <h3>系统信息</h3>
      <div class="nk1">
        程序版本：陌滋 V1.0 <br>
        操作系统：Linux <br>
        服务器软件：nginx/1.14.2 <br>
        java 版本：1.8.221 <br>
        上传文件：50M <br>
      </div>
    </div>
  </div>
</template>

<script>

</script>

<style>
  .body-nav{
    width: 100%;
    height: 96%;
    position: relative;
  }
  .admin{
display: flex;
  }

 .all h3{
        height: 26px;
        line-height: 28px;
        padding: 0 10px;
        border-bottom: 1px solid #c7d8ea;
        color: #3a6ea5;
        background-image: linear-gradient(#ccc, #fff);
  }
  .nav-1{
    margin-top: 10px;
    width: 46.9%;
    height: 160px;
    border: 1px solid #c7d8ea;
    margin-left: 0.9375rem;
  }
  .nav-2{
    width: 95%;
    border: 1px solid #C7D8EA;
    margin-left: 0.9375rem;
    margin-top: 10px;
  }
  .nk{
        height: 50px;
        width: 80%;
        margin: 10px 15px;
        border-bottom: 1px dotted #cccccc;
  }
  .nk1{
    margin: 10px 15px;
  }
</style>
